<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<title>语音识别</title>
	</head>

	<body style="margin-left: 3%">
		<script src="recorder-core.js" charset="UTF-8"></script>
		<script src="wav.js" charset="UTF-8"></script>
		<script src="pcm.js" charset="UTF-8"></script>

		<h1>FunASR Demo</h1>
		<h3>
			这里是FunASR开源项目体验demo，集成了VAD、ASR与标点等工业级别的模型，支持长音频离线文件转写，实时语音识别等，开源项目地址：https://github.com/alibaba-damo-academy/FunASR
		</h3>

		<div class="div_class_topArea">
			<div class="div_class_recordControl">
				asr服务器地址(必填):
				<br />
				<input
					id="wssip"
					type="text"
					onchange="addresschange()"
					style="width: 100%; height: 100%"
					value="wss://127.0.0.1:10095/"
				/>
				<br />
				<a id="wsslink" href="#" onclick="window.open('https://127.0.0.1:10095/', '_blank')">
					<div id="info_wslink">点此处手工授权wss://127.0.0.1:10095/</div>
				</a>
				<br />
				<br />
				<div style="border: 2px solid #ccc">
					选择录音模式:<br />

					<label
						><input
							name="recoder_mode"
							onclick="on_recoder_mode_change()"
							type="radio"
							value="mic"
							checked="true"
						/>麦克风 </label
					>&nbsp;&nbsp;
					<label
						><input
							name="recoder_mode"
							onclick="on_recoder_mode_change()"
							type="radio"
							value="file"
						/>文件
					</label>
				</div>

				<br />
				<div id="mic_mode_div" style="border: 2px solid #ccc; display: block">
					选择asr模型模式:<br />

					<label><input name="asr_mode" type="radio" value="2pass" checked="true" />2pass </label
					>&nbsp;&nbsp;
					<label><input name="asr_mode" type="radio" value="online" />online </label>&nbsp;&nbsp;
					<label><input name="asr_mode" type="radio" value="offline" />offline </label>
				</div>

				<div id="rec_mode_div" style="border: 2px solid #ccc; display: none">
					<input type="file" id="upfile" />
				</div>
				<br />
				<div id="use_itn_div" style="border: 2px solid #ccc; display: block">
					逆文本标准化(ITN):<br />
					<label><input name="use_itn" type="radio" value="false" checked="true" />否 </label
					>&nbsp;&nbsp;
					<label><input name="use_itn" type="radio" value="true" />是 </label>
				</div>
				<br />
				<div style="border: 2px solid #ccc">
					热词设置(一行一个关键字，空格隔开权重,如"阿里巴巴 20")：
					<br />

					<textarea rows="3" id="varHot" style="width: 100%; height: 100%">
阿里巴巴 20&#13;hello world 40</textarea
					>
					<br />
				</div>
				语音识别结果显示：
				<br />

				<textarea
					rows="10"
					id="varArea"
					readonly="true"
					style="width: 100%; height: 100%"
				></textarea>
				<br />
				<div id="info_div">请点击开始</div>
				<div class="div_class_buttons">
					<button id="btnConnect">连接</button>
					<button id="btnStart">开始</button>
					<button id="btnStop">停止</button>
				</div>

				<audio
					id="audio_record"
					type="audio/wav"
					controls
					style="margin-top: 12px; width: 100%"
				></audio>
			</div>
		</div>

		<script src="wsconnecter.js" charset="utf-8"></script>
		<script src="main.js" charset="utf-8"></script>
	</body>
</html>
